<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1_JS的三种引入方式</title>

</head>
<body>
    <!--1. 行内写法 ，写在对应的html元素上
    onclick="" 给当前元素绑定一个点击事件，点击元素时触发执行“”里的代码
    alert() 弹出一个对话框，提示用户
    console.log() 打印到控制台
    -->
    <button onclick="alert('犟种，就点')">别点</button>
    <button onclick="console.log('就这点事点我？')">别点！</button>

    <!--2. 内部写法，写在script标签里 ,需要写在body结束标签之前 -->
    <script>
        alert('别点')
    </script>
    <!-- // 3. 外部写法，写在外部js文件里，通过script标签引入
    内部不写JS代码，不会执行-->
    <script src="01.js"></script>
</body>
</html>